<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.path1 {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 1;
				display: block;
				width: 580px;
				height: 584px;
				background:url(bg.jpg);
				overflow: hidden;
				-webkit-clip-path: polygon(0px 0px, 107px 29px, 183px 41px,209px 46px,299px 56px,580px 16px,570px 80px,544px 188px,544px 482px,574px 562px,313px 562px,0px 575px,45px 248px);
				clip-path: polygon(0px 0px, 107px 29px, 183px 41px,209px 46px,299px 56px,580px 16px,570px 80px,544px 188px,544px 482px,574px 562px,313px 562px,0px 575px,45px 248px);
			}
			
			img{
				mix-blend-mode:multiply;
			}
			.bg{
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				width: 100%;
				box-sizing: border-box;
				background:url(bg.jpg) no-repeat;
				background-clip:content-box;
				height: 584px;
			}
		</style>
	</head>
	<body>
		<div class="path1">
			<div class="bg" style="padding:0px 0px 0px 0;z-index: 1;"><img  style="height:600px;width:700px" src="https://img.mukewang.com/5c0dc7950001eb7f16000540.jpg" ></div>
			<div class="bg" style="padding:280px 280px 200px 0;z-index: 2;"><img  style="height:100px;width:300px" src="http://img1.sycdn.imooc.com/5c2c9f890001a84b09360316.jpg" ></div>
			<div class="bg" style="padding:330px 280px 150px 0;z-index: 3;"><img  style="height:100px;width:300px" src="https://img.mukewang.com/5bfe87570001df3109360316.jpg" ></div>
		</div>
	</body>
</html>
